<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view>
	<ui:composition template="layout/layout.xhtml">
		<ui:define name="body">
			<h:form>				
				<p:growl id="growl" showDetail="true" sticky="true" autoUpdate="true" life="500" />
				 <h:panelGrid id="grid" columns="2" style="margin-bottom:10px">  
            <f:facet name="header">  
                <p:messages />  
            </f:facet>  
            </h:panelGrid>
				<h:panelGrid columns="2" cellpadding="5">
					
					<h:outputLabel for="name" value="#{msg.campo_requerido} #{msg.titulo_nombre}:" style="font-weight:bold" />
					<p:inputText id="name" label="#{msg.titulo_nombre}" value="#{usuarioBean.usuario.nombres}" />
					
					<h:outputLabel for="lastname" value="#{msg.campo_requerido} #{msg.titulo_apellido}:" style="font-weight:bold" />
					<p:inputText id="lastname" label="#{msg.titulo_apellido}" value="#{usuarioBean.usuario.apellidos}" required="true" />
					
					<h:outputLabel for="username" value="#{msg.campo_requerido} #{msg.titulo_nombre_usuario}:" style="font-weight:bold" />
					<p:inputText id="username" label="#{msg.titulo_nombre_usuario}" value="#{usuarioBean.usuario.username}" required="true"/>
					
					<h:outputLabel for="password" value="#{msg.campo_requerido} #{msg.titulo_contrasena}:" style="font-weight:bold" />
					<p:password id="password" label="#{msg.titulo_contrasena}" value="#{usuarioBean.usuario.password}" required="true"/>

					<p:commandButton value="#{msg.titulo_guardar}" action="#{usuarioBean.guardar}" update="grid, growl" />					
				</h:panelGrid>
			</h:form>
		</ui:define>
	</ui:composition>
</f:view>

</html>
